<template>
    <!-- <el-button @click="toAbout">跳转</el-button> -->
    <!-- <div class="box">
        <div class="leftBox">
            <LeftBox></LeftBox>
        </div>
        <div class="rightBox">
            <transition name="el-fade-in-linear">
                <RightBox></RightBox>
            </transition>
        </div>
    </div> -->
    <div class="topContent">

    </div>
    <div class="boxContent">
        <el-container>
            <el-aside width="200px"><LeftBox></LeftBox></el-aside>
            <el-main><RightBox></RightBox></el-main>
        </el-container>
    </div>
</template>

<script setup lang="ts">
    // import { useRouter } from 'vue-router';
    // const router = useRouter();
    // const toAbout = ():void=>{
    //     router.push("/AboutView");
    // }
    import LeftBox from '../components/layout/LeftBox.vue';
    import RightBox from "../components/layout/RightBox.vue";

</script>

<style lang="scss" scoped>
    .topContent{
        height: 50px;
    }
    .boxContent{
        border-top: 1px solid #eeeeee;
    }
    .box{
        width: 100%;
        display: flex;
        justify-content: space-between;
        .leftBox{
            width: 220px;
        }
        .rightBox{
            padding-left: 10px;
            // padding-top: 10px;
            width: calc(100% - 230px);
            border-top: 1px solid #eeeeee;
        }
    }
</style>